<template>
  <div>
    <h1>爷爷组件:{{money}}</h1>
    <hr>
    <son />
  </div>
</template>

<script>
import Son from './son.vue'
/**
 * 跨多级组件通信：依赖注入
 * 1.在共享数组的组件中使用：provide（'共享数据key'，共享数据data）=》注入
 * 2.在共享数据的组件下使用：const 接受共享数据 = inject（'共享数据key'）
 */
import { provide, ref } from 'vue'
export default {
  components: {
    Son
  },
  setup () {
    const money = ref(1e6)
    // 注入共享数据
    provide('rmb', money)
    return { money }
  }
}
</script>

<style lang="scss" scoped>

</style>
